<template>
    <div>
      <common-card title="累计销售额" :value="userToday" >
        <template>
          <div class="compared-wrapper">
            <div class="compared">
              <span>日同比:</span>
              <span class="emphasis">{{salesGrowthLastDay}}</span>
              <div class="increased"></div>
            </div>
            <div class="compared">
              <span>月同比:</span>
              <span class="emphasis">{{salesGrowthLastMonth}}</span>
              <div class="descreased"></div>
            </div>
          </div>
        </template>
        <template v-slot:footer >
          <div>
            <span>昨日销售额 </span>
            <span class="emphasis">{{salesLastDay}}</span>
          </div>
        </template>
      </common-card>
    </div>
</template>

<script>
  import CommonCardMixin from '../../utils/CommonCardMixin'
  import CommonDataMixin from '../../utils/CommonDataMixin'
export default {
  name: 'TotalSale',
  mixins: [CommonCardMixin, CommonDataMixin]
}
</script>

<style scoped lang="scss">
  .compared-wrapper{
    /*background: orange;*/
    height: 100%;
    font-size: 12px;
    color: #666;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .compared{
      margin-top: 3px;
      display: flex;
      align-items: center;
    }
  }
</style>
